﻿.foo{}
/* Contributor(s): RetroViz Design. */
/* HTML GENERAL */





body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,form,input{margin:0;padding:0;}
body {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 12px;
    background-color: #3b3a3d;
}
hr{border-bottom:1px solid #CCC;color:#FFF;}
label.forcheckbox{margin:0 0 0 .4em;display:inline;}
/* LINKS */
a{color:#009FFF;text-decoration:none;font-weight:700;}
a:hover{text-decoration:underline;color:#009FFF;font-weight:700;}
a img{border:0;}
.header-menu a{font-weight:400;}
.header-menu a:hover{font-weight:700;}
/* IMAGES */
img{border:none;}
/* HEADINGS & TEXT */
h1,h2,h3,h4,h5,h6{font-family:arial, helvetica, sans-serif;}
h2,h3{font-size:16px;}
/* SECTION HEADERS */
.section-title{border-bottom:solid 3px #dfdfdf;padding-bottom:1px;margin-bottom:10px;color:#009FFF;font-size:14px;font-weight:700;vertical-align:bottom;}
.section-title img{vertical-align:middle;padding-bottom:2px;}
.section-header .title a{text-decoration:none;font-size:11px;color:#555;text-transform:none;}
.section-header{border-bottom:solid 3px #dfdfdf;padding-bottom:1px;margin-bottom:10px;height:25px;}
.section-header .title{float:left;color:#009FFF;font-size:14px;font-weight:700;vertical-align:bottom;padding-top:5px;text-transform:capitalize;}
.section-header .title img{vertical-align:middle;padding-bottom:2px;}
.section-header .options{text-align:right;float:right;}
/* STORE SCOPE CONFIGURATION */
.multi-site-scope{background-color:#dfdfdf; padding:5px;margin-top:10px;margin-bottom: 10px;}
.multi-site-scope .selector{}
.multi-site-scope .check-all{ margin-top: 10px;}
.multi-site-scope .title{font-weight:700;}
/* TABLES */
td{vertical-align:middle;}
td.fieldname{font-size:12px;}
.table-container{}
.table-container .row{}
.table-container .row .item-name{padding:3px 10px 0 0;display:block;white-space:nowrap;padding-right:10px;vertical-align:middle;}
.table-container .row .item-value{padding:3px 0 0;vertical-align:middle;}
table.adminContent{border-collapse:collapse;color:#333;font-size:12px;margin:0;width:100%;vertical-align:middle;text-align:left;}
table.adminContent td.adminTitle{padding:4px;}
table.adminContent td.adminData{padding:4px;}
td.adminTitle{text-align:left;vertical-align:middle;white-space:nowrap;width:195px;}
td.adminTitle img{vertical-align:bottom;padding-right:2px;}
td.adminData{text-align:left;vertical-align:middle;}
td.adminData .text-box.single-line{border:1px solid #A7BAC5;width:250px;padding:2px;}
.t-grid .text-box.single-line{border:1px solid #A7BAC5;padding:2px;}
td.adminData textarea{border:1px solid #ACACAC;width:250px;padding:2px;}
td.adminData .t-combobox{width:256px;}
td.adminData .t-numerictextbox .t-input{border:1px solid #ACACAC;width:250px;padding:2px;}
tr.adminSeparator hr{background-color:#D3D3D3;border:medium none;color:#D3D3D3;height:1px;margin-top:10px;margin-bottom:10px;padding:0;}
span.cms-tooltip{white-space:nowrap;}
/* SERVER CONTROLS */
.adminButtonBlue{background:url(images/blue_button_bg.gif) no-repeat 25% 50% #333;border:1px solid #0f72ac;margin-bottom:3px;color:#FFF;height:22px;padding:0 10px;font-size:11px;font-weight:700;}
.adminButton{background:url(images/grey_button_bg.gif) no-repeat 25% 50% #333;border:1px solid #333;margin-bottom:3px;color:#FFF;text-align:right;height:20px;padding:0 10px;font-size:11px;font-weight:700;}
.adminInput{border:1px solid #acacac;width:250px;}
.adminInputNoWidth{border:1px solid #acacac;}
label{padding-left:3px;}
/* ADMIN GRID VIEW */
.tablestyle{font-family:arial;font-size:11px;border:1px solid gray;background-color:#FFF;margin-left:0;color:#245D75;width:100%;}
.tablestyle td a{color:#D16400;font-weight:700;text-decoration:none;}
.altrowstyle{background-color:#F4FAFF;}
.headerstyle th{background:url(images/admin-gvw-bg.gif) repeat-x 50%;color:#fff;padding:5px 10px;text-align:center;vertical-align:middle;font-weight:700;border:solid 1px #676767;}
.headerstyle th a{font-weight:700;text-decoration:none;text-align:center;color:#fff;display:block;padding-right:10px;}
.rowstyle td,.altrowstyle td{padding:4px 10px;border-right:solid 1px #A0C0E7;border-right-color:gray;}
.PagerStyle{height:28px;background:url(Images/grid_header_back.png) repeat-x;background:#EEE;vertical-align:middle;}
/* MISC. CLASSES */
.clear{border:medium none;clear:both;float:none;font-size:0;height:0;line-height:0;}
.progress{position:absolute;top:20px;width:280px;height:40px;left:0;right:0;margin-left:auto;margin-right:auto;background:none repeat scroll 0 0 #FFF;padding:5px 10px;text-align:center;z-index:2147483647;}
/* MASTER PAGE WRAPPERS */
.master-wrapper-page{}
.master-wrapper-content{}
/* MASTER HEADER */
.header {
    height: 44px;
    width: 100%;
    position: relative;
}
.header .logo{background:url(images/logo.gif);display:block;width:340px;height:70px;text-decoration:none;}
.header .languageselector{position:absolute;right:400px;top:7px;text-align:right;}
.header .links{position:absolute;right:10px;top:7px;text-align:right;}
a img{border:0;}
.header .links .separator{color:#FFF;padding:0 3px;}
.header .login-info{position:absolute;right:5px;top:35px;text-align:right;color:#e7e7e7;font-size:10px;}
.header .login-info .a{color:#009FFF;text-decoration:none;font-weight:700;}
.header .version{position:absolute;right:5px;top:55px;text-align:right;color:#e7e7e7;font-size:10px;}
/* MASTER HEADER MENU */
.header-menu{width:100%;background:url(images/admin-menu-bg.gif) repeat-x;text-transform:capitalize;}
.header-menu .t-menu .t-link{padding:.6em .97em;}
.header-menu .t-menu .t-arrow-next{top:7px;}
/* MASTER HEADER STATUS BAR */
.status-bar{background:#e7efef no-repeat;height:26px;border:solid 1px #acacac;padding:0 5px;}
.status-bar .help{padding-top:5px;float:left;font-weight:700;}
.status-bar .breadcrumb{float:right;text-align:right;padding-top:5px;}
/* MASTER ERRORS */
.messageBox{background-color:#F4F4F4;background-position:7px 5px;background-repeat:no-repeat;color:#333;font-family:Tahoma;font-size:11px;margin:5px 0;padding:8px 8px 8px 30px;}
.messageBoxError{background-color:#FFECEC;background-image:url(images/error-message.gif);}
.messageBoxSuccess{background-image:url(images/success-message.gif);}
/* MASTER CONTENT */
.content .cph{padding:20px 15px 5px;}
/* DASHBOARD */
table.dashboard{margin-top:15px;border:solid 1px #ccc;width:100%;border-collapse:collapse;}
table.dashboard td.maincol{padding:10px;vertical-align:top;}
table.dashboard td.splitcol{width:50%;vertical-align:top;}
table.dashboard td.rightcol{width:215px;background:#f3f3f3;padding:10px 5px 5px;vertical-align:top;}
table.stats{margin-top:10px;width:100%;}
table.stats td.orderaveragereport{width:100%;vertical-align:top;}
table.stats td.orderstatistics{width:50%;vertical-align:top;}
table.stats td.customerstatistics{width:50%;vertical-align:top;padding-left:5px;}
table.stats td.bestsellers{width:50%;vertical-align:top;}
.statisticsTitle{text-align:left;color:#333;font-weight:700;margin-bottom:5px;}
.cms-news .newsitem{}
.cms-news .newsitem .newstitle{}
.cms-news .newsitem .newstitle a:hover{text-decoration:none;}
.cms-news .newsitem .newsdate{font-size:.8em;color:#555;border-bottom:solid 1px #dfdfdf;padding-bottom:5px;margin-bottom:5px;}
.cms-news .newsitem .newsdetails{color:#333;margin-bottom:10px;}
.cms-news .adv{border-top:solid 3px #dfdfdf;padding:1px 0;text-align:right;}
.cms-news .adv a{color:#D16400;}
/* ORDER AND PRODUCT EDITING */
table.order-edit{width:100%;border:solid 1px #000;padding:5px;}
table.order-edit td{padding:1px 5px;border:medium none;}
.product-attributes-input{}
.product-attributes-input .text-prompt{font-weight:bold;}
.product-attributes-input .required{color:Red;}
.product-attributes-input .attribute-description{font-size:11px;}
.product-attributes-input ul.option-list{padding:0px;margin:0px;}
.product-attributes-input ul.option-list li{list-style:none;}
.product-attributes-input .textbox{width:300px;}
.product-attributes-input textarea{width:300px;height:150px;}
/* WARNINGS */
.system-warnings ul{padding-left:5px;}
.system-warnings .inprogress,.system-warnings .pass,.system-warnings .fail,.system-warnings .warning{padding-left:40px;display:block;min-height:35px;font-size:120%;vertical-align:middle;}
.system-warnings .inprogress{background:transparent url(images/warnings-ajax-loader.gif) no-repeat;}
.system-warnings .pass{background:transparent url(images/warnings-tick.png) no-repeat;}
.system-warnings .fail{background:transparent url(images/warnings-cross.png) no-repeat;}
.system-warnings .warning{background:transparent url(images/warnings-warning.png) no-repeat;}
.system-warnings .error{color:Red;}
.system-warnings .suggestion{color:Red;font-style:italic;font-size:120%;}
.system-warnings ul{list-style:none;}
.throbber-header{font-size:145%;}
.throbber{display:none;}
.throbber .curtain{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#3e4d45;opacity:0.9;filter:alpha(opacity=90);}
.throbber .curtain-content{position:absolute;left:0;top:0;width:100%;height:100%;}
.throbber .curtain-content div{text-align:center;padding:250px;color:#FFF;}
/* Telerik overrides */
body .t-content.t-state-active{padding:10px!important;}
body .t-tabstrip{margin-bottom:10px!important;}
body .t-button{font-weight:400;color:inherit!important;text-decoration:none;}
/* Telerik overrides */
.form-actions{overflow:hidden;padding-top:1em;}
.form-actions .t-button,.form-actions .t-button button{float:right;margin-left:10px;padding:2px 15px;}





/* shadows */

.content {


}


.tm_pad_shadow_menu {
    position:absolute;
    margin: 10px 5px 10px 5px;
    padding: 5px 50px 5px 5px;
    width:300px;
    height:auto;
}

.tm_pad_shadow_menu div.tm_lifted_menu{ border-radius:5px;}

.tm_lifted_menu {position:relative;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);}
.tm_lifted_menu:before,
.tm_lifted_menu:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:15px;
        left:10px;
        width:50%;
        height:20%;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);}
.tm_lifted_menu:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);}
.tm_text-shadow_menu {
    padding: 1em;
    font-size: 1em;
    line-height: 1em;
    box-shadow: inset 0 0 20px rgba(0,0,0,.1);
}



.tm_text-shadow {
    padding: 0.5em;
    font-size: 1em;
    line-height: 1em;
    box-shadow: inset 0 0 20px rgba(0,0,0,.1);
    min-height:750px;
}

.tm_pad-shadow {
    padding: 0px 5px 5px 5px;
    margin-left:235px;
}

.tm_pad-shadow div.tm_lifted{ 
    border-radius:8px;
    /*
    border-top-left-radius:0px;
    border-top-right-radius:0px;
        */
}

.tm_lifted {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
    .tm_lifted:before,
    .tm_lifted:after {
        content: "";
        position: absolute;
        z-index: -2;
        bottom: 22px;
        left: 10px;
        width: 50%;
        height: 20%;
        -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
        box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    .tm_lifted:after {
        right: 10px;
        left: auto;
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }

.page-title {
    padding: 5px 10px;
    margin-bottom: 1.25em;
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    background: #3C4049;
    background: -moz-linear-gradient(top, #4A515B 0%, #3C4049 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4A515B), color-stop(100%,#3C4049));
    background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
    background: -o-linear-gradient(top, #4A515B 0%,#3C4049 100%);
    background: -ms-linear-gradient(top, #4A515B 0%,#3C4049 100%);
    background: linear-gradient(top, #4A515B 0%,#3C4049 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A515B', endColorstr='#3C4049')";
    border-radius: 4px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}






/* Top user navigation */
#user-nav {
    position: absolute;
    right: 30px;
    top: 5px;
    z-index: 20;
    margin: 0;
}
#user-nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#user-nav > ul > li {
    float: left;
    list-style-type: none;
    margin: 0;
    position: relative;
    padding: 0;
}

#user-nav > ul > li > a {
	padding: 5px 10px;
	display: block;
	font-size: 10px;
}

#user-nav > ul > li > a:hover, #user-nav > ul > li.open > a {
	color: #ffffff;
}
#user-nav > ul > li > a > i, #sidebar li a i {
	vertical-align: top;
    /*
	background-image: url('../img/glyphicons-halflings-white.png');
        */
	opacity: .5;
	margin-top: 2px;
}
#user-nav > ul > li > a:hover > i, #user-nav > ul > li.open > a > i {
	opacity: 1;
}

#user-nav > ul > li > a > .label {
	vertical-align: middle;
	padding: 1px 4px 1px;
	margin: -2px 4px 0;
	display: inline-block;
}


#user-nav > ul ul > li > a {
	text-align: left;
	text-shadow: 0 1px 0 #ffffff;
}
#user-nav > ul ul > li > a:hover {
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}





.adminContaner {
    position: relative;
    margin-left: 0px;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 0;
}


.adminContaner .modal-body {
    max-height: 500px;
}


.t-tabstrip {
    border: 0px solid #ccc !Important;
}

.t-state-default {
border-color: #dee2e7 !Important;
}


.inputLable {
    width: 325px !important;
    text-align: inherit !important;
}

.t-widget .text-box, .t-button {
font-size: initial !important;
}

.checkboxholder {
    -webkit-border-radius: 0px 4px 4px 0px !important;
    -moz-border-radius: 0px 4px 4px 0px !important;
    border-radius: 0px 4px 4px 0px !important;
    margin-right : 0 !important;
    
    -webkit-border-bottom-right-radius : 4px !important;
    border-bottom-right-radius : 4px !important;

    -webkit-border-top-right-radius : 4px !important;
    border-top-right-radius : 4px !important;

    -moz-border-radius-bottomright: 4px !important;
    -moz-border-radius-topright: 4px !important;

}



.nav-stacked > li > div.accordion {
float: none;
margin-bottom: 0px;
}

.nav-stacked > li > div.accordion > div.accordion-group {
margin-bottom: 2px;
border: 0px solid #e5e5e5;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}


    .nav-stacked > li > div.accordion > div.accordion-group > div.accordion-heading {
        float: none;
    }


        .nav-stacked > li > div.accordion > div.accordion-group > div.accordion-heading > a {
            font-weight: 700;
            font-size: 12px;
            margin: 0;
            height: 45px;
            line-height: 45px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            color: #fdfdfd;
            position: relative;
            background-color: #3b3a3d;
            background-image: -khtml-gradient(linear, left top, left bottom, from(#43404b), to(#3b3a3d));
            background-image: -moz-linear-gradient(top, #43404b, #3b3a3d);
            background-image: -ms-linear-gradient(top, #43404b, #3b3a3d);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43404b), color-stop(100%, #3b3a3d));
            background-image: -webkit-linear-gradient(top, #43404b, #3b3a3d);
            background-image: -o-linear-gradient(top, #43404b, #3b3a3d);
            background-image: linear-gradient(#43404b, #3b3a3d);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#43404b", endColorstr="#3b3a3d");
            border-top: 1px solid #57595b;
            border-bottom: 1px solid #222529;
            text-decoration: none;
        }

            .nav-stacked > li > div.accordion > div.accordion-group > div.accordion-heading > a i {
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                width: 40px;
                margin: 0;
                padding: 0;
                text-align: center;
                line-height: 60px;
                font-size: 22px;
                color: #ededed;
                text-shadow: 0 1px 0 #222529;
            }


            .nav-stacked > li > div.accordion > div.accordion-group > div.accordion-heading > a span {
                margin-left: 35px;
                display: block;
            }


            .nav-stacked > li > div.accordion > div.accordion-group > div.accordion-body > div.accordion-inner {
                padding: 0px 0px;
                border-top: 0px solid #e5e5e5;
            }

            .nav-stacked > li > div.accordion > div.accordion-group > div.accordion-body > div.accordion-inner > ul {
                margin-top: 5px;
            }